<!-- 指标展示模块 -->
<template>
    <div class="w-100 h-100 contain">
      <div class="contain_item" v-for="(item,index) in IndicatorList">
         <div style="width: 80px; height: 100%;">
            <img :src="item.img" alt="" style="width: 100%; height: 80px; margin-top: 20px">
         </div>
         <div style="padding-left: 10px;">
            <div class="gldata">
                {{ Data[index] }}
          
            </div>
            <div class="comment">
                {{ item.title }}
            </div>
         </div>
      </div>
    </div>
</template>

<script setup lang='ts'>


defineProps({
IndicatorList :{
    type: Array<any>,
    default: () => [],
},
Data: {
type: Array<number>,
default: () => [72000,56252,6357,1515],
}

});
</script>

<style scoped lang="less">
.contain{
 display: flex;
 flex-wrap: wrap;
&_item {

width: 50%;
height: 50%;
display: flex;
padding: 30px 0px 30px 0px;
}
.gldata{

font-size: 40px;
font-family: 'DIN-Bold';
// color: #E6FDFF;
line-height: 60px;

}
.comment{
font-size: 26px;
font-family: 'OPPOSans-Regular';
color: #C6D1DB;
line-height: 30px;
}
}
</style>